<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<div>
			<div></div>
		</div>
	</body>

	<script>
		// html = document.documentElement;
		// body = document.body;
		// head = document.head;

		// 元素所有的子元素(包括文本节点) = childNodes
		// 元素的第一个子元素 = firstChild
		// 元素的最后一个子元素 = lastChild
		// 检查是否有子元素 = elem.hasChildNodes()

		// 只获取元素节点不获取文本节点
		// children —— 仅那些作为元素节点的子代的节点。
		// firstElementChild，lastElementChild —— 第一个和最后一个子元素。
		// previousElementSibling，nextElementSibling —— 兄弟元素。
		// parentElement —— 父元素。
	</script>
</html>
